<html>
    <head>
        <style type="text/css">
            table.t { border-collapse:collapse; }
            table.t td, table.t th { border:1px solid black;padding:5px; }
            table.t th { font-family: arial,sans-serif; }
        </style>
    </head>
    <body>
        <table class="t">
            <tr>
                <th>Location</th>
                <th>Provider</th>
                <th>Signal</th>
                <th>Wifi</th>
                <th>Timestamp</th>
            </tr>
            {% for d in data %}
            <tr style="background: {% if forloop.counter|divisibleby:2 %}#fff{% else %}#ddd{% endif %};">
                <td class="loc">{{ d.loc.lat }}, {{ d.loc.lon }}</td>
                <td>{{ d.provider }}</td>
                <td>{{ d.signal }}</td>
                <td>{{ d.wifi }}</td>
                <td>{{ d.timestamp }}</td>
            </tr>
            {% endfor %}
        </table>
    </body>
</html>
